import React, {Component} from 'react';
import Comment from './Comment'

class ComponentList extends Component
{
    static defaultProps = {
        comments: []
      }

    handleDeleteComment(index){
        if(this.props.onDeleteComment){
            this.props.onDeleteComment(index)
        }
    }
    render()
    {      
        return (
            <div >
                {
                    this.props.comments.map((comment, i)=>
                     <Comment 
                     comment={comment}
                      key = {i} 
                      onDeleteComment = {this.handleDeleteComment.bind(this)}/>)
                }
            </div>
        )
    }
}

export default ComponentList
